<template>
	<div class="common-layout">
		<el-container class="container">
			<el-header class="header">
				<div class="logo">fusionOnline管理平台</div>
			</el-header>
			<el-container>
				<el-aside width="200px">
					<el-menu router>
						<el-menu-item index="1">
							<span>Navigator Two</span>
						</el-menu-item>
					</el-menu>
				</el-aside>
				<el-main>
					<div>{{ new Date().toLocaleString() }}</div>
					{{ useUserInfoStore().token.access_token }}</el-main
				>
			</el-container>
		</el-container>
	</div>
</template>

<script setup lang="ts">
import { useUserInfoStore } from "@/stores/UserInfo";
</script>

<style scoped lang="less">
.common-layout,
.container {
	height: 100%;
}
.header {
	background-color: #b3c0d1;
	display: flex;
	align-items: center;
	.logo {
		font-size: 20px;
	}
}
</style>
